<template>
<!-- 标题栏 -->
<van-nav-bar fixed title="关于我们" left-arrow @click-left="router.back()">
    <template #right>
        <van-icon name="ellipsis" size="18" />
    </template>
</van-nav-bar>

<main>
    <h1>联系我们</h1>
    <a href="https://www.bilibili.com/video/BV1GJ411x7h7?share_source=copy_web">访问官网</a>
    <p>or</p>
    <p><van-icon name="wechat" />关注微信公众号</p>
    <div class="image">
        <img src="../../assets/QR-CODE.png" alt="">
    </div>
</main>
</template>

<script setup>
import { ref } from "vue"
import { useRoute,useRouter } from "vue-router";
let route = useRoute();
let router = useRouter();



</script>

<style scoped lang="less">
main{
    width: 100%;
    margin-top: 2rem;
    text-align: center;
    h1{
        font-size: 1rem;
    }
    a{
        text-decoration: underline;
        display: inline-block;
        margin: 1rem;
    }
    p{
        margin: .5rem;
    }
    
}
</style>